---
import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro";
import Root from "./Root.astro";
import Banner from "../components/Banner.astro";
---

<Root {...Astro.props}>
  {
    (
      <Banner>
        <p>
          You can check out{" "}
          <a href="https://v2.ferronweb.org">Ferron 2.0.0 beta</a>!
        </p>
      </Banner>
    )
  }
  <Header />
  <div class="grow">
    <slot />
  </div>
  <Footer />
</Root>
